999ZYZ玖玖资源站永久无码,自拍偷自拍亚洲精品情侣 ,人人妻人人爽人人澡欧美一区,四川少妇BBB凸凸凸BBB按摩

【20年品牌建站】找北京網(wǎng)站建設(shè)公司就選新鴻儒/提供北京網(wǎng)站建設(shè)報價/北京網(wǎng)站制作/北京網(wǎng)站設(shè)計/網(wǎng)站開發(fā)、北京網(wǎng)站建設(shè)公司電話【400-024-1998】有優(yōu)惠哦!
簡體
繁體 簡體
我們的服務(wù)遍布中國

我們的服務(wù)遍布中國
乃至世界

新鴻儒所服務(wù)的品牌地域與城市
北京 天津 上海 廣州 深圳 香港 廈門 江蘇 浙江 山東
重慶 長沙 武漢 成都 西安 寧夏 麗江 青海 云南 烏魯木齊
黑龍江 內(nèi)蒙古 河北 ...
新鴻儒服務(wù)與合作的全球各地
美國 加拿大 德國 法國 英國 瑞士 意大利 荷蘭
印度 日本 韓國 ...

不論你的品牌在何處
我們都可以提供完善的服務(wù)與幫助

致電

400-024-1998

網(wǎng)站界面設(shè)計的原則

發(fā)布時間:2013-06-28 瀏覽:265打印字號:

網(wǎng)站用戶界面(Website User Interface)是指網(wǎng)站用于和用戶交流的外觀、部件和程序等等。如果你經(jīng)常上網(wǎng)的話,會看到很多網(wǎng)站設(shè)計很樸素,看起來給人一種很舒服的感覺;有點網(wǎng)站很有創(chuàng)意,能給人帶來意外的驚喜和視覺的沖擊;而相當(dāng)多的網(wǎng)站頁面上充斥著怪異的字體,花哨的色彩和圖片,給人網(wǎng)頁制作粗劣的感覺。網(wǎng)站界面的設(shè)計,既要從外觀上進(jìn)行創(chuàng)意以到達(dá)吸引眼球的目的,還要結(jié)合圖形和版面設(shè)計的相關(guān)原理,從而使得網(wǎng)站設(shè)計變成了一門獨特的藝術(shù)。

通常的講,企業(yè)網(wǎng)站用戶界面的設(shè)計應(yīng)遵循以下幾個基本原則: 

1.用戶導(dǎo)向(User oriented)原則 

設(shè)計網(wǎng)頁首先要明確到底誰是使用者,要站在用戶的觀點和立場上來考慮設(shè)計網(wǎng)站。要作到這一點,必須要和用戶來溝通,了解他們的需求、目標(biāo)、期望和偏好等。網(wǎng)頁的設(shè)計者要清楚,用戶之間差別很大,他們的能力各有不同。比如有的用戶可能會在視覺方面有欠缺(如色盲),對很多的顏色分辨不清;有的用戶的聽覺也會有障礙,對于網(wǎng)站的語音提示反映遲鈍;而且相當(dāng)一部分用戶的計算機(jī)使用經(jīng)驗很初級,對于復(fù)雜一點的操作會感覺到很費力。另外,用戶使用的計算機(jī)機(jī)器配置也是千差萬別,包括顯卡、聲卡、內(nèi)存、網(wǎng)速、操作系統(tǒng)以及瀏覽器等都會有不同。設(shè)計者如果忽視了這些差別,設(shè)計出的網(wǎng)頁在不同的機(jī)器上顯示就會造成混亂。 

2.KISS(Keep It Simple And Stupid)原則 

KISS原則就是"Keep It Sample And Stupid"的縮寫,簡潔和易于操作是網(wǎng)頁設(shè)計的最重要的原則。畢竟,網(wǎng)站建設(shè)出來是用于普通網(wǎng)民來查閱信息和使用網(wǎng)絡(luò)服務(wù)。沒有必要在網(wǎng)頁上設(shè)置過多的操作,堆集上很多復(fù)雜和花哨的圖片。該原則一般的要求,網(wǎng)頁的下載不要超過10秒鐘(普通的撥號用戶56 Kbps網(wǎng)速);盡量使用文本鏈接,而減少大幅圖片和動畫的使用;操作設(shè)計盡量簡單,并且有明確的操作提示;網(wǎng)站所有的內(nèi)容和服務(wù)都在顯眼處向用戶予以說明等。

3.布局控制 

關(guān)于網(wǎng)頁排版布局方面,很多網(wǎng)頁設(shè)計者重視不夠,網(wǎng)頁排版設(shè)計的過于死板,甚至照抄他人。如果網(wǎng)頁的布局凌亂,僅僅把大量的信息堆集在頁面上,會干擾瀏覽者的閱讀。一般在網(wǎng)頁設(shè)計上所要遵循的原理有:

 

(1)Miller公式。

根據(jù)心理學(xué)家George A.Miller的研究表明,人一次性接受的信息量在7個比特左右為宜??偨Y(jié)一個公式為:一個人一次所接受的信息量為 7±2 比特。這一原理被廣泛應(yīng)用于網(wǎng)站建設(shè)中,一般網(wǎng)頁上面的欄目選擇優(yōu)質(zhì)在5~9個之間,如果網(wǎng)站所提供給瀏覽者選擇的內(nèi)容鏈接超過這個區(qū)間,人在心理上就會煩躁,壓抑,會讓人感覺到信息太密集,看不過來,很累。例如Aol.com的欄目設(shè)置:Main、MyAol、Mail、People、Search、Shop、Channels和Devices共八個分類。Msn.com的欄目設(shè)置:MSN Home、My MSN、Hotmail、Search、Shopping、Money和People & Chat共七項。然而很多國內(nèi)的網(wǎng)站在欄目的設(shè)置遠(yuǎn)遠(yuǎn)超出這個區(qū)間。

 

(2)分組處理。

上面提到,對于信息的分類,不能超過9個欄目。但如果你的內(nèi)容實在是多,超出了9個,需要進(jìn)行分組處理。如果,你的網(wǎng)頁上提供幾十篇文章的鏈接,需要每隔7篇加一個空行或平行線做以分組。如果你的網(wǎng)站內(nèi)容欄目超出9個,如微軟公司的網(wǎng)站,共有11個欄目,超過了9個。為了不破壞Miller公式,在設(shè)計時使用藍(lán)黑兩種顏色分開。

4.視覺平衡 

網(wǎng)頁設(shè)計時,也要各種元素(如圖形、文字、空白)都會有視覺作用。根據(jù)視覺原理,圖形與一塊文字相比較,圖形的視覺作用要大一些。所以,為了達(dá)到視覺平衡,在設(shè)計網(wǎng)頁時需要以更多的文字來平衡一幅圖片。另外,按照中國人的閱讀習(xí)慣是從左到右,從上到下,因此視覺平衡也要遵循這個這個道理。例如,你的很多的文字是采用左對齊〈Align=left〉,需要在網(wǎng)頁的右面加一些圖片或一些較明亮、較醒目的顏色。一般情況下,每張網(wǎng)頁都會設(shè)置一個頁眉部分和一個頁腳部分,頁眉部分常放置一些Banner廣告或?qū)Ш綏l,而頁腳部分通常放置聯(lián)系方式和版權(quán)信息等,頁眉和頁腳在設(shè)計上也要注重視覺平衡。同時,也決不能低估空白的價值。如果你的網(wǎng)頁上所顯示的信息非常密集,這樣不但不利于讀者閱讀,甚至?xí)鹱x者反感,破壞該網(wǎng)站的形象。在網(wǎng)頁設(shè)計上,適當(dāng)增加一些空白,精煉你的網(wǎng)頁,使得頁面變的簡潔。

5.色彩的搭配和文字的可閱讀性 

    顏色是影響網(wǎng)頁的重要因素,不同的顏色對人的感覺有不同的影響,例如:紅色和橙色使人興奮并使得心跳加速;黃色使人聯(lián)想到陽光,是一種快活的顏色;黑顏色顯得比較莊重,考慮到你希望對瀏覽者產(chǎn)生什么影響,為網(wǎng)頁設(shè)計選擇合適的顏色(包括背景色、元素顏色、文字顏色、鏈節(jié)顏色等)。 

為方便閱讀網(wǎng)站上的信息,可以參考報紙的編排方式將網(wǎng)頁的內(nèi)容分欄設(shè)計,甚至兩欄也要比一滿頁的視覺效果要好。另一種能夠提高文字可讀性的因素是所選擇的字體,通用的字體(Arial,Courier New,Garamond,Times New Roman,中文宋體)最易閱讀,特殊字體用于標(biāo)題效果較好,但是不適合正文。如果在整個頁面使用一些特殊字體(如Cloister,Gothic,Script,Westminster,華文彩云,華文行楷),這樣讀者閱讀起來感覺一定很糟糕。該類特殊字體如果在頁面上大量使用,會使得閱讀頗為費力,瀏覽者的眼睛很快就會疲勞,不得不轉(zhuǎn)移到其他頁面。 

6.和諧與一致性 

通過對網(wǎng)站的各種元素(顏色、字體、圖形、空白等)使用一定的規(guī)格,使得設(shè)計良好的網(wǎng)頁看起來應(yīng)該是和諧的?;蛘哒f,網(wǎng)站的眾多單獨網(wǎng)頁應(yīng)該看起來像一個整體。網(wǎng)站設(shè)計上要保持一致性,這又是很重要的一點。一致的結(jié)構(gòu)設(shè)計,可以讓瀏覽者對網(wǎng)站的形象有深刻的記憶;一致的導(dǎo)航設(shè)計,可以讓瀏覽者迅速而又有效的進(jìn)入在網(wǎng)站中自己所需要的部分;一致的操作設(shè)計,可以讓瀏覽者快速學(xué)會在整個網(wǎng)站的各種功能操作。破壞這一原則,會誤導(dǎo)瀏覽者,并且讓整個網(wǎng)站顯的雜亂無章,給人留下不良的印象。當(dāng)然,網(wǎng)站設(shè)計的一致性并不意味著刻板和一成不變,有的網(wǎng)站在不同欄目使用不同的風(fēng)格,或者隨著時間的推移不斷的改版網(wǎng)站,會給瀏覽者帶來新鮮的感覺。 

7.個性化 

(1)符合網(wǎng)絡(luò)文化 

企業(yè)網(wǎng)站不同于傳統(tǒng)的企業(yè)商務(wù)活動,要符合Internet網(wǎng)絡(luò)文化的要求。首先,網(wǎng)絡(luò)最早是非正式性、非商業(yè)化的,只是科研人員用來交流信息。其次,網(wǎng)絡(luò)信息是只在計算機(jī)屏幕上顯示而沒有打印出來閱讀,網(wǎng)絡(luò)上的交流具有隱蔽性,誰也不知道對方的真實身份。另外,許多人在上網(wǎng)的時候是在家中或網(wǎng)吧等一些比較休閑,比較隨意的環(huán)境下。此時網(wǎng)絡(luò)用戶的使用環(huán)境所蘊涵的思維模式與坐在辦公室里西裝革履的時候大相徑庭。因此,整個互聯(lián)網(wǎng)的文化是一種休閑的、非正式性的、輕松活潑的文化。在網(wǎng)站上使用幽默的網(wǎng)絡(luò)語言,創(chuàng)造一種休閑的、輕松愉快、非正式的氛圍會使網(wǎng)站的訪問量大增。

 

(2)塑造網(wǎng)站個性 

    另外,網(wǎng)站的整體風(fēng)格和整體氣氛表達(dá)要同企業(yè)形象相符合并應(yīng)該很好的體現(xiàn)企業(yè)CI。在這方面比較經(jīng)典的案例有:可口可樂個性鮮明的前衛(wèi)網(wǎng)站"Life Tastes Good";工整、全面、細(xì)致的通用電氣公司網(wǎng)站"We bring good things to life(GE帶來美好的生活)";崇尚科技創(chuàng)新文化的3M公司網(wǎng)站"Creating solutions for business、industry and home";刻意扮演一個數(shù)字電子娛樂之集大成者的角色,要成為新時代夢想實現(xiàn)者的索尼網(wǎng)站;平易近人、親情濃郁的通用汽車公司網(wǎng)站體現(xiàn)了"以人為本"的企業(yè)定位和營銷策略;服務(wù)全面、細(xì)致、方便,處處體現(xiàn)"賓至如歸"服務(wù)理念的希爾頓大酒店網(wǎng)站。




新鴻儒網(wǎng)站建設(shè)公司,聯(lián)系方式:010-51267718

現(xiàn)在就與新鴻儒客服交流

400-024-1998

您也可進(jìn)行在線咨詢或預(yù)約項目顧問
我要預(yù)約
在線咨詢